<template>
	<view class="u-page">
		<view class="u-demo-block">
			<view class="u-demo-block__content">
				<u-row customStyle="margin-bottom: 100rpx">
					<u-col span="6" @click="jumpUlr('/pages/blessing/blessings')">
						<view class="demo-layout bg-purple-light zfy">
							<view class="zfy-bg bg1">
								<u--text text="祝福语" bold size="18" color="gold"></u--text>
								<u--text text="祝福语" size="12"></u--text>
							</view>
						</view>
					</u-col>
					<u-col span="6">
						<view class="demo-layout bg-purple zfy">
							<view class="zfy-bg bg2">
								<u--text text="短信贺卡" bold size="18" color="gold"></u--text>
								<u--text text="短信贺卡" size="12"></u--text>
							</view>
						</view>
					</u-col>
				</u-row>
				<u-row customStyle="margin-bottom: 100rpx">
					<u-col span="4">
						<view class="demo-layout bg-purple zfy">
							<view class="zfy-bg bg3">
								<u--text text="饮食建议" bold size="18" color="gold"></u--text>
								<u--text text="饮食建议" size="12"></u--text>
							</view>
						</view>
					</u-col>
					<u-col span="4">
						<view class="demo-layout bg-purple-light zfy">
							<view class="zfy-bg bg4">
								<u--text text="运动计划" bold size="18" color="gold"></u--text>
								<u--text text="运动计划" size="12"></u--text>
							</view>
						</view>
					</u-col>
					<u-col span="4">
						<view class="demo-layout bg-purple-dark zfy">
							<view class="zfy-bg bg5">
								<u--text text="健康指导" bold size="18" color="gold"></u--text>
								<u--text text="健康指导" size="12"></u--text>
							</view>
						</view>
					</u-col>
				</u-row>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				topTitle:'新春佳节，万象更新。让我们共同欢度一个温馨、祥和、快乐的春节！祝福您和您的家人新春快乐，阖家幸福，万事如意！',
				list:[
					{title:'新春快乐，阖家幸福！'},
					{title:'恭贺新禧，祝福您和家人身体健康，万事如意！'},
					{title:'迎春接福，好运连连！'},
					{title:'金鸡报喜，新年大吉！'},
					{title:'祝您在新的一年里事业顺利，家庭美满，财运亨通！'},
					{title:'新年新气象，愿您和家人平安喜乐，幸福安康！'},
					{title:'新春到来，祝您在新的一年里事业有成，心想事成！'},
					{title:'祝您在新的一年里笑口常开，好运连连！'},
					{title:'新年快乐，步步高升！'},
				],
			}
		},
		onLoad() {
			
		},
		methods: {
			jumpUlr(url){
				uni.navigateTo({
					url: url
				});
			}
		}
	}
</script>

<style>
	.wrap {
		padding: 12px;
	}

	.demo-layout {
		height: 25px;
		border-radius: 4px;
	}

	/* .bg-purple {
		background: #CED7E1;
	}

	.bg-purple-light {
		background: #e5e9f2;
	}
	.bg-purple-dark {
		background: #99a9bf;
	} */
	.zfy{
		padding: 20rpx;
	}
	.zfy .zfy-bg{
		background-color: #ffffff;
		border-radius: 10rpx;
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding: 30rpx;
	}
	.zfy .bg1{
		background-image: url('/static/bg/5.png');
	}
	.zfy .bg2{
		background-image: url('/static/bg/6.png');
	}
	.zfy .bg3{
		background-image: url('/static/bg/7.png');
	}
	.zfy .bg4{
		background-image: url('/static/bg/8.png');
	}
	.zfy .bg5{
		background-image: url('/static/bg/9.png');
	}
</style>